<template>
	<view class="wl_con">
		<view class="" v-if="info.item">
			<view class="companys">
				<view class="c_name">
					{{info.company}}
				</view>
				<view class="c_num">
					{{info.number}}
				</view>
			</view>
			<u-steps :current="info.item.length-1"  direction="column" dot>
				<u-steps-item :title="option.AcceptTime" :desc="option.AcceptStation" v-for="(option,index) in info.item" :key="index">
				</u-steps-item>
			</u-steps>
		</view>
		<view class="" v-else>
			<u-empty
			        icon="http://cdn.uviewui.com/uview/empty/news.png"
					text="暂无物流信息"
			>
			</u-empty>
		</view>
		
	</view>
</template>

<script>
	import {seeWuliu} from "@/api/order.js"
	export default {
		data() {
			return {
				id:null,
				info:{}
			}
		},
		onLoad(e) {
			this.id = e.id	
			this.getWuliuList()
		},
		methods:{
			getWuliuList(){
				seeWuliu({order_id:this.id}).then(res=>{
					this.info = res.data
				}).catch(err=>{
					uni.showToast({
						title:err.message,
						icon:'none'
					})
				})
			}
			
		}
	}
</script>

<style lang="scss">
	.wl_con {
		padding: 12px;
	}
	.txt{
		font-size: 12px;
		color: #999;
	}
	.time{
		font-size: 12px;
		color: #999;
	}
	.companys{
		font-size: 14px;
		margin-bottom: 8px;
		.c_name{
			margin-bottom: 4px;
		}
	}
</style>